// 导入Vue
import Vue from 'vue'
// 导入vue-router插件
import VueRouter from 'vue-router'
// 给Vue安装路由插件
Vue.use(VueRouter)


// 导入大的组件（代表一个页面）
import MyDiscover from '@/views/MyDiscover'
import MyMy from '@/views/MyMy'
import MyFriend from '@/views/MyFriend'
import NotFound from '@/views/NotFound'

// 创建路由规则 --> 路由规则就是指设置什么样的路径对应哪个的组件
const routes = [
  { name: 'discover', path: '/', component: MyDiscover },
  { name: 'my', path: '/my', component: MyMy },
  { name: 'friend', path: '/friend', component: MyFriend },

  // * 代表除了上面以外所有路径，也就是说此时是除了上面以外的所有路径都会进到notfound组件
  { name: 'notfound', path: '*', component: NotFound }
]

// 实例化一个VueRouter的对象并运用上面填好的规则
const router = new VueRouter({
  // 使用上面写好的规则
  routes,
  // mode: 'history'
})

// 默认暴露： 暴露了这个路由对象
export default router